<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
    <link rel="stylesheet" href="/public/h5/huanlian/style.css">
    <title>Title</title>
    <style>
        .pic a{
            position: absolute;
            display: inline-block;
            width: 0.63rem;
        }
        .pic a img{
            width: 100%;
        }
        a.gf {
            left: 0;
            margin-left: 2.5rem;
            top: 50%;
            margin-top: -2rem;
        }
        a.yw {
            bottom: 0;
            left: 0;
            margin-bottom: 2rem;
            margin-left: 2rem;
        }
        a.tmcq {
            right: 0;
            top: 0;
            margin-top: 3rem;
            margin-right: 0.5rem;
        }
        a.xfsy {
            right: 0;
            top: 50%;
            margin-top: -0.5rem;
            margin-right: 1rem;
        }
        a.whcl {
            left: 0;
            top: 0;
            margin-top: 3.0rem;
            margin-left: 0.5rem;
        }
        a.hyj {
            bottom: 0;
            right: 0;
            margin-bottom: 1rem;
            margin-right: 2rem;
        }
    </style>
</head>
<body>


    <div class="pic" style="background: url('http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/2.jpg') no-repeat center;background-size: cover;">

        <a href="http://nochat.callmesoul.cn/app/h5/huanlian/detail?wid=4&url=http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/gf.png" class="gf">
            <img style="width: 100%" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/%E5%8A%9F%E5%A4%ABicon.png">
        </a>

        <a href="http://nochat.callmesoul.cn/app/h5/huanlian/detail?wid=4&url=http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/yw.png" class="yw">
            <img style="width: 100%" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/%E5%8F%B6%E9%97%AEicon.png">
        </a>

        <a href="http://nochat.callmesoul.cn/app/h5/huanlian/detail?wid=4&url=http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/tmcq.png" class="tmcq">
            <img style="width: 100%" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/%E5%A4%A9%E8%84%89%E4%BC%A0%E5%A5%87icon%20-%20%E5%89%AF%E6%9C%AC.png">
        </a>

        <a href="http://nochat.callmesoul.cn/app/h5/huanlian/detail?wid=4&url=http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/xfsy.png" class="xfsy">
            <img style="width: 100%" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/%E6%96%B0%E6%96%B9%E4%B8%96%E7%8E%89icon%20-%20%E5%89%AF%E6%9C%AC.png">
        </a>

        <a href="http://nochat.callmesoul.cn/app/h5/huanlian/detail?wid=4&url=http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/wfcl.png" class="whcl">
            <img style="width: 100%" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/%E8%97%8F%E9%BE%99%E5%8D%A7%E8%99%8Eicon%20-%20%E5%89%AF%E6%9C%AC.png">
        </a>

        <a href="http://nochat.callmesoul.cn/app/h5/huanlian/detail?wid=4&url=http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/hyj.png" class="hyj">
            <img style="width: 100%" src="http://nowechat.oss-cn-shenzhen.aliyuncs.com/h5/huanlian/%E9%9C%8D%E5%85%83%E7%94%B2icon%20-%20%E5%89%AF%E6%9C%AC.png">
        </a>


    </div>

</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    (function () {
        var designWidth = 640, rem2px = 100;
        document.documentElement.style.fontSize = ((window.innerWidth / designWidth) * rem2px) + 'px';

        var meta = document.getElementsByTagName('meta');
        var share_desc = '';
        for(i in meta){
            if(typeof meta[i].name!="undefined"&&meta[i].name.toLowerCase()=="description"){
                share_desc = meta[i].content;
            }
        }
        var apilist='<%= jssdk.jsApiList %>';
        apilist=apilist.split(',');
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<%= jssdk.appId %>',
            timestamp: '<%= jssdk.timestamp %>',
            nonceStr: '<%= jssdk.nonceStr %>',
            signature: '<%= jssdk.signature %>',
            jsApiList: apilist
        });
        wx.ready(function(){
            // 获取“分享到朋友圈”按钮点击状态及自定义分享内容接口
            wx.onMenuShareTimeline({
                title: document.title, // 分享标题
                link:window.location.href,
                imgUrl:'http://nowechat.oss-cn-shenzhen.aliyuncs.com/wechat/shopred/img/hongbaoicon.jpg' // 分享图标
            });
            // 获取“分享给朋友”按钮点击状态及自定义分享内容接口
            wx.onMenuShareAppMessage({
                title: document.title, // 分享标题
                desc: share_desc, // 分享描述
                link:window.location.href,
                imgUrl: "http://nowechat.oss-cn-shenzhen.aliyuncs.com/wechat/shopred/img/hongbaoicon.jpg", // 分享图标
                type: 'link' // 分享类型,music、video或link，不填默认为link
            });

        });
    }());

</script>
</html>